import ReactDOM from 'react-dom'

// 使用以下数据，渲染无序列表，显示姓名和是否成年
const list = [
  { id: 100, name: 'tom', age: 15 },
  { id: 101, name: 'jack', age: 18 },
  { id: 102, name: 'tony', age: 20 }
]


const element = (
  <ul>
    {list.map(item => {
      return (
        <li key={item.id}>
          <p>姓名：{item.name}</p>
          <p>是否成年：{item.age > 16 ? '是' : '否'}</p>
        </li>
      )
    })}
  </ul>
)


ReactDOM.render(element, document.getElementById('root'))